<template>
    <view class="homePage">
        <AppHeader/>
        <Banner :inner_title="inner_title"/>
        <HomeAbout :inner_title="inner_title"/>
        <StartArticleList/>
        <ArticleList/>
        <AppFooter/>
    </view>
</template>

<script>
import AppHeader from '@/components/AppHeader';
import AppFooter from '@/components/AppFooter';
import Banner from '@/components/Banner';
import HomeAbout from '@/components/HomeAbout';
import StartArticleList from '@/components/StartArticleList';
import ArticleList from '@/components/ArticleList';


export default {
    data() {
        return {
            inner_title: null
        }
    },
    components: {
        AppHeader,
        AppFooter,
        Banner,
        HomeAbout,
        StartArticleList,
        ArticleList
    },
    onLoad() {
        this.$store.dispatch('app/getSystemConfig')
        this.getHitokoto()
    },
    methods: {
        getHitokoto() {
            uni.request({
                url: 'https://v1.hitokoto.cn',
                success: (res) => {
                    this.inner_title = res.data.hitokoto
                }
            })
        }
    }
}
</script>
<style lang="scss" scoped>

</style>
